<script setup>

import DictSelect from "@/components/CommonSelect/DictSelect.vue";
// import AsstList from "@/components/Asset/AssetStateStore/AssetLists.vue"
import { Search } from '@element-plus/icons-vue'


defineProps({

    form: {
        type: Object,
        default: () => {
            return {}
        }
    }
})

const emit = defineEmits(['sub'])

function sub() {
    emit('sub');
}

</script>

<template>
    <el-form style="margin-bottom: 10px; display: flex;" class="state">
        <dict-select v-model="form.state" dict-type="asset_state" style="width: 150px;margin-right: 5px;"
            placeholder="全部状态" @change="sub"></dict-select>
       
        <el-input v-model="form.value" style="max-width: 256px" placeholder="请输入">
            <template #append>

                <el-button :icon="Search" @click="sub" />
            </template>
        </el-input>

        <input type="reset" value="重置" class="reset" />
    </el-form>
</template>

<style>
.reset {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #0b1019;
    background-color: #e6e7e8;
    border: none;
    border-radius: 4px;
    outline: none;
    padding: 0 12px;
    margin-left: 8px;
    cursor: pointer;
}

.reset:hover {
    background-color: #d8d9da;
}
</style>